<template>
<div class="index">
    <router-view />
    <van-tabbar v-model="active">
      <van-tabbar-item  v-for="(item,index) in list" :key="index" :icon="item.ic" :to="item.to">{{item.name}}</van-tabbar-item>
    </van-tabbar>
</div>


</template>

<script>
export default {
    data() {
    return {
      active: 0,
      list:[
        {ic:'wap-home',name:'首页',to:'/index/home'},
        {ic:'hot',name:'爆爆团',to:'/index/tuan'},
        {ic:'shop',name:'详情',to:'/index/order'},
        {ic:'manager-o',name:'我的',to:'/index/mine'},
      ]
    };
  },
}
</script>

<style>

</style>